<template>
    <div class="search">
        <h2>饿了么</h2>
        <input type="text" placeholder="输入商家、商品名称">
    </div>
</template>

<script>
export default {

}
</script>

<style lang = 'scss' scoped>
.search {
    width: 100%;
    height: 80px;
    background-image: linear-gradient(45deg, rgb(0, 165, 254), rgb(0, 130, 254));
}

.search h2 {
    margin-left:2.5% ;
    color: #fff;
}

.search input {
    width: 95%;
    height: 30px;
    margin: 0 2.5%;
    text-align: center;
    border-radius: 20px;
    border: none;
    outline: none;
    margin-top: 2%;
}
</style>